<template>
  <el-row :gutter="6" style="width:100%; overflow:hidden; overflow-x:hidden;">
    <el-col :span="4">
      <div class="sideNav-container">
        <my-tabX :configs="planconfigs"></my-tabX>
      </div>
    </el-col>
    <el-col class="mainCont" :span="20">
      <router-view></router-view>
    </el-col>
  </el-row>
</template>

<script>
import myTabX from '@/components/base/tabX';

export default {
  components: { myTabX },
  data() {
    return {
      planconfigs: {
        menulist: this.$store.state.m_menu.menuInfo[3].children
      }
    };
  }
};
</script>

<style lang="less" scoped>
.el-row {
  height: 100%;
  .el-col {
    height: 100%;
    [class*="-container"] {
      width: calc(~"100% - 8px");
      height: calc(~"100% - 6px");
    }
  }
}
</style>